<template>
  <div>
    <h1>App组件</h1>
    {{ num }}
    <Count @click="countHandle"/>
  </div>
</template>

<script lang="ts">
import {defineComponent} from "vue";

export default defineComponent({
  name: "App",
});

</script>

<script lang="ts" setup>
// 引入组件
import Count from "./components/Count/index.vue";
import {ref} from "vue";

const num = ref(0)

const countHandle = (n: number) => {
  num.value += n
}

/*
*自定义事件（子传父）总结：
* 给组件绑定 该组件没有接受这个自定义事件的话 该事件就是原生的Dom事件 对该组件最外层元素有效
* 给组件绑定 该组件接受这个自定义事件的话 该事件就是自定义事件
* 请除了.native 修饰符
* */

</script>

<style scoped>

</style>